<template>
  <div class="neck">
      <ul>
          <li>
              <span class="iconfont icon-zhanghu"></span>
              <p>我的账户</p>
          </li>
          <li>
              <span class="iconfont icon-zichan"></span>
              <p>我的资产</p>
          </li>
          <li>
              <span class="iconfont icon-mingxi"></span>
              <p>我的明细</p>
          </li>
          <li @click="defray()">
              <span class="iconfont icon-duozhongzhifu"></span>
              <p>我的支付</p>
          </li>
      </ul>
  </div>
</template>

<script>
export default {
    methods:{
        defray(){
            this.$router.push("/defray")
        }
    }
}
</script>

<style scoped>
    .neck{
        width: 100%;
        background-color: #c3955a;
        padding-bottom: 0.9rem;
        padding-top: 0.2rem;
    }
    ul{
        display: flex;
        text-align: center;
        justify-content: space-evenly;
    }
    li{
        font-size: 0.1rem;
    }
    span{
        font-size: 0.2rem;
        color: orangered;
    }
    p{
        color: white;
    }
</style>